<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html> 
<html>
<head>
  <title>个人中心</title>
</head>
<body>

	<!-- 业务部分  开始  -->
	<div class="row wrapper border-bottom white-bg page-heading animated fadeInRight min-height">
		<div>
	        <div class="col-lg-4">
                <div class="widget-head-color-box navy-bg p-lg text-center">
                    <div class="m-b-md">
                    <h2 class="font-bold no-margins">
                        ${sessionScope.LOGINED_USER.name}
                    </h2>
                        <small>科技实验组成员</small>
                    </div>
                    <img src="${ctx}${sessionScope.LOGINED_USER.userImage}"  class="img-circle circle-border m-b-md" alt="profile">
                    <div>
                        <span>100 推特</span> |
                        <span>350 追随者</span> |
                        <span>610 更随者</span>
                    </div>
                </div>
                <div class="widget-text-box">
                    <h4 class="media-heading">张枫</h4>
                    <p>月落乌啼霜满天，江枫渔火对愁眠。姑苏城外寒山寺，夜半钟声到客船。</p>
                    <div class="text-right">
                        <a class="btn btn-xs btn-white"><i class="fa fa-thumbs-up"></i> 喜欢 </a>
                        <a class="btn btn-xs btn-primary"><i class="fa fa-heart"></i> 深爱</a>
                    </div>
                </div>
	        </div>
	        <div class="col-lg-2">
	            <div class="widget navy-bg p-lg text-center">
	                <div class="m-b-md">
	                    <i class="fa fa-shield fa-4x"></i>
	                    <h1 class="m-xs">456</h1>
	                    <h3 class="font-bold no-margins">
	                        Shield
	                    </h3>
	                    <small>power</small>
	                </div>
	            </div>
	            <div class="widget  p-lg text-center">
	                <div class="m-b-md">
	                    <i class="fa fa-flash fa-4x"></i>
	                    <h1 class="m-xs">612</h1>
	                    <h3 class="font-bold no-margins">
	                        Thunder
	                    </h3>
	                    <small>amount</small>
	                </div>
	            </div>
	        </div>
	        <div class="col-lg-4">
	            <div class="widget lazur-bg p-xl">
                    <h2>${sessionScope.LOGINED_USER.name}	</h2>
	                <ul class="list-unstyled m-t-md">
	                    <li>
	                        <span class="fa fa-envelope m-r-xs"></span>
	                        <label>邮箱:</label>
	                        ${sessionScope.LOGINED_USER.mail}
	                    </li>
	                    <li>
	                        <span class="fa fa-phone m-r-xs"></span>
	                        <label>电话:</label>
	                        ${sessionScope.LOGINED_USER.mobile}
	                    </li>
	                </ul>
	
	            </div>
	            <div class="widget red-bg p-lg text-center">
	                <div class="m-b-md">
	                    <i class="fa fa-bell fa-4x"></i>
	                    <h1 class="m-xs">47</h1>
	                    <h3 class="font-bold no-margins">通知</h3>
	                    <small>We detect the error.</small>
	                </div>
	            </div>
	        </div>
	        <div class="col-lg-2">
	        <div class="widget yellow-bg p-lg text-center">
	            <div class="m-b-md">
	                <i class="fa fa-thumbs-up fa-4x"></i>
	                <h1 class="m-xs">520</h1>
	                <h3 class="font-bold no-margins">Likes</h3>
	                <small>amount</small>
	            </div>
	        </div>
	            <div class="widget yellow-bg p-lg text-center">
	                <div class="m-b-md">
	                    <i class="fa fa-warning fa-4x"></i>
	                    <h1 class="m-xs">Alarm</h1>
	                    <h3 class="font-bold no-margins">Do</h3>
	                    <small>something</small>
	                </div>
	            </div>
            </div>
	    </div>
	</div>
	
	<!-- 业务部分  结束  -->

</body>
</html>